<template>
  <div>
    <button  @click="emits('change',current-1)" :disabled="current<=1">&lt;</button>
    <span style="padding:10px;">{{ current }}</span>
    <button @click="emits('change',current+1)" :disabled="current>=Math.ceil(total/pageSize)">&gt;</button>
  </div>
</template>
<script setup>

    defineProps({
        total: {
            type: Number,
            required: true,
            default: 0
        },
        current: {
            type: Number,
            required: true,
            default: 1
        },
        pageSize: {
            type: Number,
            required: true,
            default: 10
        }
    })
    const emits = defineEmits(['change'] )
</script>